<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/personal_center.css">
    <link rel="stylesheet" href="../css/head_daohang.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <!-- 主要布局范围 -->
    <div class="main">
        <!-- 头部导航栏 -->
        <div class="main">
          <!-- 头部导航栏 -->
          <div id="head">
            <div class="layui-col-md2">
              <div class="grid-demo">logo</div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../head_page/Carefree_first_page.html" class="head-color">首页</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../vehicle/vehicle_screening.html" class="head-hover word-1">自驾租车</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../long_time_older/long_time.html" class="head-hover word-1">长租专区</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../Offline_outlets/Car-search.html" class="head-hover word-1">车型查询</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../Offline_outlets/Business_outlets.html" class="head-hover word-1">营业网点</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>
            </div>
            <div class="layui-col-md3">
              <div class="grid-demo head-demo1">
                <i class="login-icon"></i>
                <a href="../login/login.html"  class=" head-color">登录/注册</a>
              </div>
              <div class="tel">
                <i class="tel-icon"></i>
                  <span class="tel-num">110-119-1111</span>
              </div>
            </div>
          </div>
        <!-- 面包屑 -->
        <div class="crumbs">
            <div class="crumbs-bd">当前位置: <a href="personalCenter.html">个人中心</a> > 我的订单</a></div>
        </div>
        <!-- 主要内容 -->
        <div class="content">
            <div class="content-bd">
                <!-- 左侧导航栏 -->
                <div class="col-sub">
                    <ul> 
                        <li class="title">订单信息</li>
                        <li class="after"><a href="personalCenter-MyOrler.html">我的订单</a></li>
                        <li class="text"><a href="personalCenter-OtherOrler.html">他人代订</a></li>
                        <li class="title">会员信息</li>
                        <li class="text"><a href="">会员优惠</a></li>
                        <li class="text"><a href="">会员特权</a></li>
                        <li class="text"><a href="">会员积分</a></li>
                        <li class="title">我的钱包</li>
                        <li class="text"><a href="personalCenter-AccountBalance.html">账户余额</a></li>
                        <li class="text"><a href="personalCenter-Voucher.html">我的代金卷</a></li>
                        <li class="text"><a href="personalCenter-DiscountCode.html">我的优惠编码</a></li>
                        <li class="title">租赁记录</li>
                        <li class="text"><a href="personalCenter-LeaseCar.html">租赁车型</a></li>
                        <li class="title">个人资料</li>
                        <li class="text"><a href="personalCenter-UserInformation.html">用户信息</a></li>
                        <li class="text" onclick="return confirm('即将返回登录界面，确定吗？');"><a href="../login/login.html">账户注销</a></li>                    </ul>
                </div>
                <!-- 主要信息栏 -->
                <div class="col-main">
                  <div class="mo-order">
                    <div class="mo-clearfix">
                        <b class="mo-biaoti">自驾订单</b>
                        <ul class="mo-tab-hd">
                            <li class="mo-afli" id="l1">全部订单</li>
                            <li id="l2">预约中</li>
                            <li id="l3">租赁中</li>
                            <li id="l4">已完成</li>
                            <li id="l5">已取消</li>
                        </ul>
                    </div>
                    <div class="bd-text">
                      <ul>
                        <li id="l1">订单编号</li>
                        <li>车型</li>
                        <li id="l2">取车时间</li>
                        <li>还车时间</li>
                        <li>订单状态</li>
                      </ul>
                    </div>
                    <div class="bd-text-in">
                      <ul>
                        <li id="l1"><a href="personalCenter-Orlerpay.html">1205613580</a></li>
                        <li>荣威550混动沪牌/三厢/自动/1.5L</li>
                        <li id="l2">	2022/9/8 18:00:00</li>
                        <li>2022/9/10 18:00:00</li>
                        <li id="l3">已取消</li>
                      </ul>
                    </div>
                    <div class="bd-text-in">
                      <ul>
                        <li id="l1"><a href="personalCenter-OrlerIn.html">1205613630</a></li>
                        <li>本田缤智混动沪牌/五厢/自动/1.5T</li>
                        <li id="l2">	2022/9/8 18:00:00</li>
                        <li>2022/9/8 18:00:00</li>
                        <li id="l4">待支付</li>
                      </ul>
                    </div>
                    <div class="bd">
                      <span>您还没有任何订单，现在就去订车吧！</span>
                      <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                     </div>
                     <div class="bd1">
                      <span>您还没有正在预约的订单，现在就去订车吧！</span>
                      <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                     </div>
                     <div class="bd2">
                      <span>您还没有正在租赁的订单，现在就去订车吧！</span>
                      <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                     </div>
                     <div class="bd3">
                      <span>您还没有已经完成的订单，现在就去订车吧！</span>
                      <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                     </div>
                     <div class="bd4">
                      <span>您还没有成功取消的订单，现在就去订车吧！</span>
                      <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                     </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-box">
                <div class="footer-left">
                    <p>
                        <span>关于无忧</span> |
                        <span>移动客户端</span> |
                        <span>帮助中心</span> |
                        <span>建议专区</span> |
                        <span>联系我们</span> |
                        <span>友情连接</span> |
                        <span>投诉通道：400-821-1608</span> 
                    </p>
                    <p>
                        <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
                    </p>
                </div>
                <div class="footer-right"></div>
            </div>
        </div>
    </div>
    <script src="../js/personal_center-MyOrler.js"></script>
</body>
</html>